$f: 19.2;


.home {

  img{
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }

  .common_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
  }


  @keyframes hideAnimate {
    0%{
      opacity: 1;
      transform: scale(0);
    }
    100%{
      opacity: 0;
      transform: scale(1);
    }
  }
  .section1{
    height: calc(100vh + 1500px);
    .fix{
      position: sticky;
      top: 0;
      left: 0;
      height: 100vh;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      .fist{
        text-align: center;
        position: relative;
        z-index: 5;
        .animate{
          display: flex;
          align-items: center;
          justify-content: center;
          width: fit-content;
          margin: auto;
          .y{
            width: 6.7vw;
            position: absolute;
            opacity: 0;
            pointer-events: none;
          }
          //6.25vw
          //transform: translateY(120[x);
          .point_text{
            color: rgba(0, 0, 0, 0.90);
            font-size: 36/$f+vw;
            font-style: normal;
            font-weight: 300;
            line-height: 150%; /* 54px */
            letter-spacing: 0.1px;
            position: absolute;
            left: 100%;
            top: 0;
            opacity: 0;
            font-family: "Montserrat";
          }
          .hide_{
            transition: .6s ease;
            &.on{
              opacity: 1;
            }
          }
          .point{
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 104%;
            width: 26/$f+vw;
            height: 26/$f+vw;
            background: rgba(61, 184, 255,.2);
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            opacity: 0;
          }
          .opacity{
            width: 40/$f+vw;
            display: flex;
            align-items: center;
            svg{
              transform: scale(0);
              animation: 1s hideAnimate linear infinite;
            }
            &:first-child{
              svg{
                &:first-child{
                  width: 23.771/$f+vw;
                  height: 65.15/$f+vw;
                  animation-delay: .2s;
                }
                &:nth-child(2) {
                  width: 15.255/$f+vw;
                  height: 33.182/$f+vw;
                }
              }
            }
            &:last-child{
              svg{
                &:first-child{
                  width: 15.255/$f+vw;
                  height: 33.182/$f+vw;
                }
                &:nth-child(2) {
                  width: 23.771/$f+vw;
                  height: 65.15/$f+vw;
                  animation-delay: .2s;
                }
              }
            }
          }
          .dw{
            width: 102/$f+vw;
            margin: 0 16/$f+vw;
          }
        }
        .p1{
          span{
            width: 22/$f+vw;
            display: inline-block;
          }
          svg{
            &.s1{
              width: 66.304/$f+vw;
              height: 69.704/$f+vw;
            }
            &.s2 {
              width: 58.525/$f+vw;
              height: 55.738/$f+vw;
            }
            &.s3 {
              width: 36.138/$f+vw;
              height: 54.85/$f+vw;
            }
            &.s4 {
              width: 58.525/$f+vw;
              height: 55.738/$f+vw;
              flex-shrink: 0;
            }
            &.s5 {
              width: 19.692/$f+vw;
              height: 69.704/$f+vw;
            }
            &.s6 {
              width: 42.906/$f+vw;
              height: 66.886/$f+vw;
            }
            &.s7 {
              width: 19.692/$f+vw;
              height: 69.704/$f+vw;
            }
            &.s8 {
              width: 50.563/$f+vw;
              height: 55.738/$f+vw;
            }
          }
        }
        .p2{
          margin: 26/$f+vw 0 0 0;
          color: #000;
          text-align: center;
          font-size: 54/$f+vw;
          font-style: normal;
          line-height: 150%; /* 81px */
          p{
            font-family: "Montserrat";
            font-weight: 300;
          }
        }
      }
      .position{
        width: 1828/$f+vw;
        height: 791/$f+vw;
        position: absolute;
        left: 49.5%;
        top: 100%;
        transform: translate(-50%,-50%);
        opacity: .3;
        .map{
          width: 100%;
          height: 100%;
        }
      }
    }
  }

  .section2{
    padding: 105/$f+vw 240/$f+vw 43/$f+vw 240/$f+vw;
    overflow: hidden;
    position: relative;
    z-index: 1;
    .line{
      position: absolute;
      left: 0;
      width: 100%;
      height: auto;
      top: 359/$f+vw;
      z-index: -1;
    }
    .line2{
      position: absolute;
      left: 0;
      width: 100vw;
      height: auto;
      top: 601/$f+vw;
      z-index: -1;
      transform-origin: left top;
      svg{
        width: 1920px;
        //width: 100%;
      }
      .line_img{
        offset-path: path("M1919 4.51953C1621.06 49.5264 1378.83 170 1091 170C788.403 170 297.991 116.033 0.5 108.5");
        offset-distance: 100%;
        transform: rotate(180deg);
        position: absolute;
        top: -41px;
        left: 0;
        //transform-origin: top left;
      }
    }
    .title{
      .p1{
        width: 258/$f+vw;
        padding: 0 0 4/$f+vw;
        color: rgba(0, 0, 0, 0.90);
        font-size: 20/$f+vw;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 26px */
        margin: 0 0 16/$f+vw;
        border-bottom: 2/$f+vw solid #051228;
      }
      .p2{
        color: rgba(0, 0, 0, 0.90);
        font-size: 40/$f+vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%; /* 60px */
        letter-spacing: 0.1px;
        margin: 0 0 16/$f+vw;
        font-family: "Montserrat";
      }
      .p3{
        color: rgba(0, 0, 0, 0.90);
        font-size: 18/$f+vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%; /* 27px */
        letter-spacing: 0.1px;
      }
    }
    .video{
      width: 978/$f+vw;
      height: 550/$f+vw;
      border-radius: 20/$f+vw;
      box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.06);
      margin: 80/$f+vw auto 60/$f+vw;
      position: relative;
      z-index: 1;
      overflow: hidden;
      .play{
        position: absolute;
        bottom: 42/$f+vw;
        right: 42/$f+vw;
        z-index: 5;
        width: 107/$f+vw;
        height: 107/$f+vw;
        background: rgba(0, 0, 0, 0.40);
        border: 1px solid rgba(255,255,255,.6);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        cursor: pointer;
        svg{
          width: 36/$f+vw;
          height: 36/$f+vw;
        }
      }
    }
    .content{
      margin: 60/$f+vw 0 0 0;
      position: relative;
      .joke{
        width: 2560/$f+vw;
        overflow: hidden;
        position: relative;
      }
      .swiper2{
        width: 1857/$f+vw;
        overflow: unset;
        margin: 0;
        .swiper-slide{
          .item{
            width: 100%;
            background: #F5F5F5;
            border-radius: 20/$f+vw;
            height: 370/$f+vw;
            padding: 31/$f+vw 36/$f+vw 0 36/$f+vw;
            .icon{
              width: 59/$f+vw;
              height: 59/$f+vw;
              border-radius: 10/$f+vw;
              background: #3FAEEE;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 0 28/$f+vw;
              img{
                object-fit: contain;
              }
            }
            .t1{
              color: rgba(0, 0, 0, 0.90);
              font-size: 32/$f+vw;
              font-style: normal;
              font-weight: 600;
              line-height: 150%; /* 48px */
              letter-spacing: 0.1px;
              margin: 0 0 18/$f+vw;
            }
            .p1{
              color: rgba(0, 0, 0, 0.60);
              text-align: justify;
              font-size: 16/$f+vw;
              font-style: normal;
              font-weight: 300;
              line-height: 150%; /* 24px */
              letter-spacing: 0.1px;
              word-break: break-all;
            }
            .p2{
              color: rgba(0, 0, 0, 0.90);
              text-align: justify;
              font-size: 16/$f+vw;
              font-style: italic;
              font-weight: 400;
              line-height: 150%; /* 24px */
              letter-spacing: 0.1px;
            }
          }
        }
      }
    }
  }

  .section3{
    padding: 160/$f+vw 240/$f+vw 265/$f+vw 240/$f+vw;
    background: #F5F5F5;
    display: flex;
    justify-content: space-between;
    .l{
      width: 640/$f+vw;
      .p1{
        width: 258/$f+vw;
        padding: 0 0 4/$f+vw;
        color: rgba(0, 0, 0, 0.90);
        font-size: 20/$f+vw;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 26px */
        margin: 0 0 40/$f+vw;
        border-bottom: 2/$f+vw solid #051228;
      }
      .p2{
        color: rgba(0, 0, 0, 0.90);
        font-size: 40/$f+vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%; /* 60px */
        letter-spacing: 0.1px;
        margin: 0 0 86/$f+vw;
        position: relative;
        font-family: "Montserrat";
        .l1{
          width: 38/$f+vw;
          height: 38/$f+vw;
          position: absolute;
          left: -52/$f+vw;
          top: -12/$f+vw;
          z-index: 5;
        }
        .l2{
          width: 38/$f+vw;
          height: 38/$f+vw;
          position: absolute;
          left: 188/$f+vw;
          top: 190/$f+vw;
          z-index: 5;
        }
      }
      .p3{
        color: rgba(0, 0, 0, 0.60);
        text-align: justify;
        font-size: 18/$f+vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%; /* 27px */
        letter-spacing: 0.1px;
      }
      .more{
        width: fit-content;
        margin: 62/$f+vw 0 0 0;
        height: 60/$f+vw;
        padding: 0px 30/$f+vw;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 30/$f+vw;
        background: rgba(0, 0, 0, 0.90);
        transition: 1s;
        &:hover{
          background: #0C97E9;
        }
        p{
          color: #FFF;
          font-size: 20/$f+vw;
          font-style: normal;
          font-weight: 500;
          line-height: 130%; /* 26px */
          margin: 0 10/$f+vw 0 0;
        }
        svg{
          width: 27/$f+vw;
          height: 27/$f+vw;
        }
      }
    }
    .pic{
      width: 738/$f+vw;
      height: 456/$f+vw;
      margin: 200/$f+vw 0 0 0;
      border-radius: 20/$f+vw;
      box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.06);
      overflow: hidden;
      &:hover{
        img{
          transform: scale(1.05);
        }
      }
      img{
        width: 100%;
        height: 100%;
        transition: .6s ease;
      }
    }
  }

  .section4{
    padding: 160/$f+vw 240/$f+vw 108/$f+vw 240/$f+vw;
    .title{
      margin: 0 0 64/$f+vw;
      .p1{
        width: 258/$f+vw;
        padding: 0 0 4/$f+vw;
        color: rgba(0, 0, 0, 0.90);
        font-size: 20/$f+vw;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 26px */
        border-bottom: 2/$f+vw solid #051228;
      }
    }
    .content{
      display: flex;
      align-items: center;
      justify-content: space-between;
      .l{
        width: 738/$f+vw;
        height: 456/$f+vw;
        margin: 0 62/$f+vw 0 0;
        img{
          width: 100%;
          height: 100%;
        }
      }
      .r{
        width: 640/$f+vw;
        .p1{
          color: rgba(0, 0, 0, 0.90);
          text-align: justify;
          font-size: 18/$f+vw;
          font-style: normal;
          font-weight: 400;
          line-height: 150%; /* 27px */
          letter-spacing: 0.1px;
          span{
            color: #0C97E9;
          }
        }
        .p2{
          color: rgba(0, 0, 0, 0.90);
          font-size: 40/$f+vw;
          font-style: normal;
          font-weight: 300;
          line-height: 150%; /* 60px */
          letter-spacing: 0.1px;
          font-family: "Montserrat";
          margin: 37/$f+vw 0 42/$f+vw 0;
        }
        .p3{
          color: rgba(0, 0, 0, 0.90);
          text-align: justify;
          font-size: 18/$f+vw;
          font-style: normal;
          font-weight: 300;
          line-height: 150%; /* 27px */
          letter-spacing: 0.1px;
          margin: 0 0 33/$f+vw;
        }
        .more{
          width: fit-content;
          height: 60/$f+vw;
          padding: 0px 30/$f+vw;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 30/$f+vw;
          background: rgba(0, 0, 0, 0.90);
          transition: 1s;
          &:hover{
            background: #0C97E9;
          }
          p{
            color: #FFF;
            font-size: 20/$f+vw;
            font-style: normal;
            font-weight: 500;
            line-height: 130%; /* 26px */
            margin: 0 10/$f+vw 0 0;
          }
          svg{
            width: 27/$f+vw;
            height: 27/$f+vw;
          }
        }
      }
    }
    .content2{
      width: 100%;
      height: 185/$f+vw;
      border-radius: 20/$f+vw;
      background: #F5F5F5;
      margin: 75/$f+vw 0 0 0;
      display: grid;
      grid-template-columns: repeat(4,1fr);
      align-items: center;
      align-content: center;
      gap: 0 131/$f+vw;
      padding: 0 91/$f+vw;
      .item{
        width: 100%;
        height: 100/$f+vw;
        &:not(:last-child) {
          border-right: 1px solid rgba(0, 0, 0, 0.10);
        }
        .dis{
          display: flex;
          margin: 0 0 10/$f+vw;
          span{
            color: #0C97E9;
            font-size: 32/$f+vw;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
          }
          .p1{
            color: #0C97E9;
            font-size: 32/$f+vw;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
          }
          .x{
            color: #0C97E9;
            font-size: 32/$f+vw;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin: 0 7/$f+vw;
          }
        }
        .p2{
          color: rgba(0, 0, 0, 0.60);
          font-size: 14/$f+vw;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
        }
      }
    }
  }

  @keyframes goSwiper {
    100%{
      transform: translateX(-50%);
    }
  }

  .section5{
    position: relative;
    z-index: 1;
    padding: 160/$f+vw 0 171/$f+vw 0;
    overflow: hidden;
    .title{
      color: rgba(0, 0, 0, 0.90);
      text-align: center;
      font-size: 32/$f+vw;
      font-style: normal;
      font-weight: 300;
      line-height: 150%; /* 48px */
      letter-spacing: 0.1px;
      margin: 0 0 155/$f+vw;
      font-family: "Montserrat";
    }
    .content{
      width: max-content;
      display: flex;
      animation: 20s goSwiper infinite linear;
      .flex{
        display: flex;
      }
      .item{
        width: 316/$f+vw;
        height: 138/$f+vw;
        border-radius: 10/$f+vw;
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin: 0 30/$f+vw 0 0;
        perspective: 1200px;
        img{
          object-fit: contain;
        }
      }
    }

    @keyframes fadeInJun {
      0% {
        opacity: 0;
        transform:scale(0.5) translateY(15px)  rotateX(-75deg);
      }

      100% {
        opacity: 1;
        transform:scale(1)  translateY(0px) rotateX(0) ;
      }
    }

    .fadeInJun {
      -webkit-animation-name: fadeInJun;
      animation-duration:1s;
      animation-name: fadeInJun
    }

    .content2{
      margin: 155/$f+vw 240/$f+vw 0 240/$f+vw;
      display: flex;
      justify-content: space-between;
      perspective: 2000px;
      .item{
        width: 466/$f+vw;
        height: 253/$f+vw;
        background: #FFF;
        box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.06);
        padding: 29/$f+vw 36/$f+vw 20/$f+vw 36/$f+vw;
        border-radius: 20/$f+vw;
        overflow: hidden;
        transform-origin:  bottom;
        .headline{
          color: rgba(0, 0, 0, 0.90);
          font-size: 24/$f+vw;
          font-style: normal;
          font-weight: 500;
          line-height: 150%; /* 36px */
          letter-spacing: 0.1px;
        }
        .flex{
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 0 4/$f+vw;
          border-bottom: 1px solid rgba(0, 0, 0, 0.10);
          margin: 58/$f+vw 0 0 0;
          .icon{
            width: 32/$f+vw;
            height: 32/$f+vw;
            display: flex;
            align-items: center;
            justify-content: center;
            svg{
              width: 100%;
            }
          }
          .dis{
            display: flex;
            span,.p1{
              color: #0C97E9;
              font-size: 40/$f+vw;
              font-style: normal;
              font-weight: 600;
              line-height: 150%; /* 60px */
              letter-spacing: 0.1px;
            }
          }
        }
        .end{
          color: rgba(0, 0, 0, 0.90);
          text-align: right;
          font-size: 16/$f+vw;
          font-style: normal;
          font-weight: 300;
          line-height: 150%; /* 24px */
          letter-spacing: 0.1px;
          margin: 16/$f+vw 0 0 0;
        }
      }
    }
  }

  .section6{
    padding: 100/$f+vw 240/$f+vw ;
    .content{
      width: 100%;
      border-radius: 30/$f+vw;
      background: #F5F5F5;
      padding: 143/$f+vw 70/$f+vw 76/$f+vw 70/$f+vw;
      position: relative;
      .position{
        position: absolute;
        right: 0;
        top: 23/$f+vw;
        width: 558px;
        transform-origin: top right;
        svg{
          //width: 100%;
        }
        .move_line{
          offset-path: path("M557.5 1.88885C482.619 14.004 421.689 31.9624 376 65C212.131 183.492 649.683 338.028 256 388C176.941 398.035 75.1162 419.094 0.499954 451.587");
          offset-distance: 0%;
          transform: rotate(180deg) translate(0px, -33px);
          position: absolute;
          top: 0;
          left: 0;
          width: 43px;
        }
      }
      .p1{
        color: rgba(0, 0, 0, 0.90);
        font-size: 40/$f+vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%; /* 60px */
        letter-spacing: 0.1px;
        margin: 0 0 20/$f+vw;
        font-family: "Montserrat";
      }
      .p2{
        color: rgba(0, 0, 0, 0.60);
        text-align: justify;
        font-size: 18/$f+vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%; /* 27px */
        letter-spacing: 0.1px;
        margin: 0 0 36/$f+vw
      }
      .more{
        width: fit-content;
        height: 60/$f+vw;
        padding: 0px 30/$f+vw;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 30/$f+vw;
        background: rgba(0, 0, 0, 0.90);
        transition: 1s;
        &:hover{
          background: #0C97E9;
        }
        p{
          color: #FFF;
          font-size: 20/$f+vw;
          font-style: normal;
          font-weight: 500;
          line-height: 130%; /* 26px */
          margin: 0 10/$f+vw 0 0;
        }
        svg{
          width: 27/$f+vw;
          height: 27/$f+vw;
        }
      }
    }
  }

  .dialog {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .8);
    display: none;
    z-index: 100;

    .close {
      position: absolute;
      right: 5%;
      top: 5%;
      cursor: pointer;
      z-index: 100;

      img {
        width: 50px;
      }
    }

    .content {
      width: 100%;

      video {
        width: 80%;
        height: 80vh;
        object-fit: cover;
        display: block;
        margin: 0 auto;
      }
    }
  }

  @media screen and (max-width: 1920px) {
    .section1 {
      .fix .fist .animate .y{
        width: 6.2vw;
      }
    }
  }

  $f2: 7.5;

  @media screen and (max-width: 1024px) {

    .section1 {
      //height: auto;
      //padding: 50px 0;
      .fix {
        //height: auto;
        //flex-direction: column;
        .position{
          //position: static;
          //transform: none;
          width: 90%;
          transform: translate(-50%, -57%);
          height: auto;
          //margin: 25px 0 0 0;
        }
        .fist {
          .p1{
            margin: 25px 0;
            svg{
              &.s1{
                width: 66.304/$f2+vw;
                height: 69.704/$f2+vw;
              }
              &.s2 {
                width: 58.525/$f2+vw;
                height: 55.738/$f2+vw;
              }
              &.s3 {
                width: 36.138/$f2+vw;
                height: 54.85/$f2+vw;
              }
              &.s4 {
                width: 58.525/$f2+vw;
                height: 55.738/$f2+vw;
                flex-shrink: 0;
              }
              &.s5 {
                width: 19.692/$f2+vw;
                height: 69.704/$f2+vw;
              }
              &.s6 {
                width: 42.906/$f2+vw;
                height: 66.886/$f2+vw;
              }
              &.s7 {
                width: 19.692/$f2+vw;
                height: 69.704/$f2+vw;
              }
              &.s8 {
                width: 50.563/$f2+vw;
                height: 55.738/$f2+vw;
              }
            }
          }
          .p2{
            font-size: 16px;
          }
          .animate {
            //transform: none!important;
            .point{
              width: 15px;
            }
            .hide_{
              font-size: 20px;
            }
            .point_text{
              left: 70%;
            }
            .dw{
              width: 40px;
              margin: 0 15px;
            }
            .opacity{
              width: fit-content;
              //opacity: 1!important;
              svg{
                width: fit-content!important;
                height: fit-content!important;
              }
            }
          }
          .p1,.p2{
            //opacity: 1!important;
          }
        }
      }
    }

    .section2{
      padding: 30px 5%;
      margin-top: -30vh;
      .line{
        top: 300px;
      }
      .line2{
        top: 400px;
      }
      .title{
        .p1{
          width: 50%;
          font-size: 16px;
          padding: 0 0 5px;
          margin: 0 0 25px;
          border-bottom: 1px solid #051228;
        }
        .p2{
          font-size: 24px;
          margin: 0 0 15px;
          br{
            display: none;
          }
        }
        .p3{
          font-size: 14px;
        }
      }
      .video{
        width: 100%;
        height: auto;
        .common_bg{
          position: static;
        }
        .play{
          width: 50px;
          height: 50px;
          right: 15px;
          bottom: 15px;
          svg{
            width: 20px;
            height: 20px;
          }
        }
      }
      .content{
        margin: 20px 0 0 0;
        .joke{
          width: 100%;
        }
        .swiper2{
          width: 100%;
          height: auto;
          .swiper-slide{
            height: auto;
            .item{
              border-radius: 20px;
              height: 100%;
              padding: 25px;
              .icon{
                width: 35px;
                height: 35px;
                margin: 0 0 15px;
                border-radius: 5px;
              }
              .t1{
                font-size: 24px;
                margin: 0 0 15px;
              }
              .p1,.p2{
                font-size: 13px;
                word-break: break-all;
              }
            }
          }
        }
      }
    }

    .section3{
      padding: 45px 5%;
      flex-direction: column;
      .l{
        width: 100%;
        .p1{
          width: 50%;
          font-size: 16px;
          padding: 0 0 5px;
          margin: 0 0 25px;
          border-bottom: 1px solid #051228;
        }
        .p2{
          font-size: 24px;
          margin: 0 0 15px;
          br{
            display: none;
          }
        }
        .p3{
          font-size: 14px;
          line-height: 1.7;
        }
        .more{
          height: 45px;
          width: fit-content;
          padding: 0 25px;
          border-radius: 25px;
          p{
            font-size: 14px;
            margin: 0 7px 0 0;
          }
          svg{
            width: 22px;
            height: auto;
          }
        }
      }
      .pic{
        width: 100%;
        margin: 20px 0 0 0;
        height: auto;
      }
    }

    .section4{
      padding: 45px 5%;
      .title{
        .p1{
          width: 50%;
          font-size: 16px;
          padding: 0 0 5px;
          margin: 0 0 25px;
          border-bottom: 1px solid #051228;
        }
      }
      .content{
        flex-direction: column;
        .l{
          width: 100%;
          height: auto;
          margin: 0 0 20px;
        }
        .r{
          width: 100%;
          .p1{
            font-size: 16px;
            margin: 0 0 18px;
          }
          .p2{
            font-size: 24px;
            margin: 0 0 15px;
            br{
              display: none;
            }
          }
          .p3{
            font-size: 14px;
            line-height: 1.7;
            margin: 0 0 15px;
          }
          .more{
            height: 45px;
            width: fit-content;
            padding: 0 25px;
            border-radius: 25px;
            p{
              font-size: 14px;
              margin: 0 7px 0 0;
            }
            svg{
              width: 22px;
              height: auto;
            }
          }
        }
      }
      .content2{
        padding: 20px 5%;
        grid-template-columns: repeat(2,1fr);
        gap: 25px 10px;
        height: auto;
        align-items: unset;
        margin: 25px 0 0 0;
        .item{
          height: auto;
          border: none!important;
          .dis{
            margin: 0 0 5px;
            span{
              font-size: 20px;
            }
            .p1{
              font-size: 20px;
            }
            .x{
              font-size: 20px;
              margin: 0 5px;
            }
          }
          .p2{
            font-size: 14px;
          }
        }
      }
    }

    .section5{
      padding: 45px 0 ;
      .title{
        font-size: 24px;
        margin: 0 0 25px;
      }
      .content{

        .flex{
          .item{
            width: 150px;
            height: 66px;
            margin: 0 20px 0 0;
            img{
              max-height: 50%;
            }
          }
        }
      }
      .content2{
        margin: 30px 5%;
        flex-direction: column;
        gap: 15px 0;
        .item{
          width: 100%;
          height: auto;
          padding: 5%;
          border-radius: 10px;
          .headline{
            font-size: 24px;

          }
          .flex{
            padding: 0 0 10px;
            .icon{
              width: 22px;
              height: 22px;
              svg{

              }
            }
            .dis{
              span,.p1{
                font-size: 18px;
              }
            }
          }
          .end{
            font-size: 16px;
            margin: 10px 0 0 0;
          }
        }
      }
    }
    .section6{
      padding: 30px 5%;
      .content{
        padding: 40px 5%;
        .position{
          display: none;
        }
        .p1{
          font-size: 18px;
          margin: 0 0 10px;
          br{
            display: none;
          }
        }
        .p2{
          font-size: 13px;
          line-height: 1.8;
          margin: 0 0 15px;
        }
        .more{
          height: 45px;
          width: fit-content;
          padding: 0 25px;
          border-radius: 25px;
          p{
            font-size: 14px;
            margin: 0 7px 0 0;
          }
          svg{
            width: 22px;
            height: auto;
          }
        }
      }
    }

    .dialog {
      .close {
        top: 80px;

        img {
          width: 30px;
        }
      }

      .content {
        video {
          width: 90%;
          height: 60vh;
        }
      }
    }
  }
}